import Vue from 'vue';
import App from './App.vue';
// 引入路由
import router from '@/router';
// 引入vuex仓库
import store from '@/store';
// 引入自定义指令
import directives from '@/directives';
// 引入视频插件
// import Videojs from 'video.js'
// import 'video.js/dist/video-js.css'
// 引入公共样式
import '@/styles/common.css';
// 引入更改后的antd样式
import '@/styles/antdd.css';
// 引入iconfont
import '@/assets/icon/iconfont.css';
// message弹框
import {
  Message,
  Icon,
  Button
} from 'ant-design-vue';
// 全局使用Icon组件
Vue.use(Icon);
Vue.use(Button);

// elementui组件
import { Carousel, CarouselItem } from 'element-ui';
Vue.use(Carousel);
Vue.use(CarouselItem);

Vue.use(directives);

// 引入图片懒加载
import VueLazyload from 'vue-lazyload';
Vue.use(VueLazyload, {
  // loading: require('@/assets/images/loading-2.gif'),
  loading: require('@/assets/images/loading.gif'),
  error: require('@/assets/images/error.8bbe5537.jpg'),
  attempt: 3, // 尝试次数
  listenEvents: ['scroll', 'resize'], // 想要监听的事件
});

Vue.config.productionTip = false;

// console.log(process.env)

// 配置Message信息
Message.config({
  top: '40%',
  maxCount: 1, // 一次只允许弹一个提示
});
// 全局中注册antd提示框
Vue.prototype.$message = Message;

router.beforeEach((to, from, next) => {
  document.title = 'W_bowenの音乐播放器';
  if (to.name === 'videodetail') {
    store.commit('main/HIDE', true);
  } else {
    store.commit('main/HIDE', false);
  }
  next();
});

new Vue({
  router,
  store,
  render: h => h(App),
  beforeCreate() {
    // 注册事件总线
    Vue.prototype.$eventBus = this;
  }
}).$mount('#app')
